<template>
  <div id="wrapper">

    <h1 class="headline">
      <span class="accent">演示</span> 帮助中心
    </h1>
   
    <p class="description">本页面为静态内容，无需交互，您可以输入一些软件帮助内容文字，或者改造成版权信息、隐私条例页面</p>
    <ul class="list">
      <li>技术支持：XXXX</li>
      <li>联系电话：XX-XXXXXXXXX</li>
      <li>线下地址：XXX-XXX-XXX</li>
    </ul> 



  </div>
</template>

<script setup >

</script>

<style lang="less" scoped>
.headline {
  font-size: 22px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: -1.2px;
  margin: 10px auto 20px;
}

html:not(.dark) .accent {
  background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
  background-clip: text;
  letter-spacing: 1.5px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.description {
  line-height: 1.5;
  font-size: 16px;
  margin: 10px auto 15px;
}

.list {
  margin-top:20px;
  padding-left: 20px;
}
.list li {
  margin-top:10px;
}

</style>
